<template>
	<div class="banner">
		<div class="block">
			<!-- <span class="demonstration">默认 Hover 指示器触发</span> -->
			<el-carousel class="imgContent" height="300px">
				<el-carousel-item v-for="item in imgList" :key="item.index">
					<img width="100%" :src="item.url" alt="">
				</el-carousel-item>
			</el-carousel>
		</div>
	</div>
</template>
<script>
	export default {
		data: function() {
			return {
				imgList:[
					{url:require('@/assets/bn1.png'),linkto:''},
					{url:require('@/assets/bn2.png'),linkto:''},
					{url:require('@/assets/bn3.png'),linkto:''},
				]
			};
		},
		methods: {
			handleClick(tab) {
				this.logotext = tab.label
				// this.getInfo(tab.lable)
			},
			toDetail(rev) {
				this.$router.push({
					path: '/newsDetail',
					query: {
						id: rev
					}
				})
			},
			getInfo() {
				
			}

		},
		created() {
			
		}
	}
</script>
<style scoped="scoped">
.imgContent{
	border-radius: 6px;
}
	.el-carousel__item h3 {
		color: #475669;
		font-size: 14px;
		opacity: 0.75;
		line-height: 150px;
		margin: 0;
	}
	.el-carousel__item:nth-child(2n) {
		background-color: #99a9bf;
	}

	.el-carousel__item:nth-child(2n+1) {
		background-color: #d3dce6;
	}
</style>
